body, html {
   min-width: 1400px;
   font-size: 16px;
   width: 100%;
   height: 100%;
}
a{
  color: #09BB07;
}
a:hover{
  color: #08A806 !important;
  text-decoration:none;
}
button:disabled{
  cursor: not-allowed;
}


.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: rgba(9, 187, 7,.5);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(9, 187, 7,.25);
}
.row {
  margin: 0;
}
.iconfont {
  font-size: inherit;
}
.topbar{
  height: 30px;
  background: rgb(241,244,248);
  border-bottom: 1px solid rgb(210,220,228);
}
.topbar * {
  line-height: 30px;
  font-size: 12px;
}
.main-container{
  width: 1400px;
  margin: 0 auto;
  min-height: 100vh;
  min-height: calc(100vh - 90px);
  position: relative;
}
.topbar-container, .bottom-content, .breadcrumb-container {
  width: 1400px;
  margin: 0 auto;
}


.container {
  max-width: 99999px;
}

.topbar-header{
  height: 60px;
  margin-top: 40px;
}
.topbar-logo{
  background-image: url('../img/logo_03.png');
  background-size: 300px 38px;
  background-repeat: no-repeat;
  height: 100%;
}
.topbar-search-container{
  border: 1px solid #09BB07;
  box-shadow: 0 0 2px 0px #09BB07;
  border-radius: 5px;
}
.topbar-search-dropdown, .topbar-search-ipt, .dropdown>.btn-light{
  background: #FFF !important;
  border: none;
  outline: none;
}
.dropdown>.btn-light:focus {
  box-shadow: none !important;
}
.topbar-search-btn{
  width: 90px;
  text-align: center;
}
.topbar-search-container {
  outline: none;  
}
.topbar-search-dropdown {
  border-radius: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.topbar-search-ipt:focus {
  box-shadow: none;
}
.topbar-nav{
  height: 48px;
  line-height: 48px;
}
.topbar-hot-ks{
  width: 300px;
  background: #08A806;
  height: 100%;
  float: left;
  color: #FFF;
}
.topbar-more-container{
  text-align: right;
  cursor: pointer;
}
.topbar-nav-container {
  height: 48px;
  line-height: 48px;
  margin-left: 50px;
}
.topbar-nav-container > div {
  float: left;
  /* min-width: 100px; */
  margin-right: 40px;
  font-size: 20px;
  cursor: pointer;
}
.topbar-nav-container > div > a {
  color: inherit;
}
.topbar-nav-container > div:hover{
  color: #09BB07;
}
.topbar-nav-active {
  color: #09BB07;
}
.topbar-header-container {
  max-width: 1400px;
  margin: 0 auto;
}
.topbar-header-borer-box {
  border-bottom: 4px solid #09BB07;
}
@media (max-width: 1440px){
  /* .main-container {
      max-width: 1200px;
  }
  .topbar-container {
    max-width: 1200px;
  }
  .container {
    max-width: 1200px;
  }
  .topbar-header-container {
    max-width: 1200px;
  } */
  html{
    zoom: .86;
  }
}
.word-inline {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-border{
  border: 1px solid rgb(212, 212, 212) !important;
  border-radius: 4px !important;
}
.btn-warning {
  color: #FFF;
  background: #FF9C00;
}
.btn-warning:hover, .btn-warining:active{
  background: #E58C00 !important;
  color: #FFF !important;
}
.bottom-container {
  border-top: 1px solid rgb(212, 212, 212);
}
.bottom-content {
  border-bottom: 1px solid rgb(212, 212, 212);
  height: 240px;
  width: 1400px;
  margin: 0 auto;
}
.bottom-logo {
  width: 400px;
  height: 100%;
  background: url("../img/icon_logo_gray.png") no-repeat;
  background-size: 100% auto;
  background-position-y: center;
  margin-right: 20px;
}
.bottom-list {
  height: 100%;
  padding-top: 40px;
}
.bottom-list > ul {
  height: 100%;
  float: left;
  margin-right: 20px;
}
.bottom-list > ul > li {
   
  color: rgb(188,193,198);
  line-height: 32px;
  list-style-type: none;
  margin-bottom: 6px;
}
.bottom-list > ul > li > a {
  color: inherit;
}
.bottom-list > ul > li:first-child {
  color: #000;
  font-size: 20px;
  font-weight: 800;
}
.bottom-info{
  height: 100%;
  padding: 40px 0;
}
.bottom-info-qrcode, .bottom-info-qrcode>img{
  height: 100%;
}
.bottom-info-text {
  margin-right: 20px;
}
.breadcrumb {
  background: rgb(241, 244, 247);
}
.breadcrumb-container{
   
}
.level-tag{
  background: rgb(255, 243, 223);
  color: #FF9C00;
  font-size: 14px;
  padding: 4px 8px;
  border-radius: 3px;
  display: inline-block;

}
.type-tag{
  background: rgb(210, 240, 209);
  color: #09BB07;
  font-size: 14px;
  padding: 4px 8px;
  border-radius: 3px;
  display: inline-block;

}

.hot-header{
  border-bottom: 1px solid rgb(212, 212, 212);
  line-height: 42px;
  height: 42px;
}
.user-hot-header{
  border-bottom: 1px solid #09BB07;
}
.hot-header-title {
  font-size: 20px;
  color: #09BB07;
}
.hot-header::after {
  content: '';
  display: block;
  background: #09BB07;
  width: 84px;
  height: 4px;
  margin-top: -6px;
}
.hot-header-more {
  color: rgb(188,193,198);
  cursor: pointer;
  padding-right: 4px;
   
}
.reservation-manual{
  background: rgb(255, 250, 239);
  border: 1px solid rgb(253, 165, 10);
  padding: 10px 20px;
  margin-top: 10px;
   
}
.reservation-manual>div:first-child{
    border-bottom: 1px solid rgb(208, 218, 226);
    line-height: 30px;
    padding-bottom: 6px;
    margin-bottom: 8px;
}
.reservation-manual-detail{
  color: #98a2aa;

}
.reservation-manual-detail>div{
  line-height: 30px;
}
.reservation-manual-detail>div>span{
  color: #ff9c00;
}
.reservation-qrcode-container{
  border: 1px solid rgb(208, 218, 226);
  padding: 20px;
}
.reservation-qrcode-box{
  width:326px;
  height:145px;
  background:rgba(255,255,255,1);
  border:1px solid rgba(9, 187, 7, 0.5);
  padding: 10px;
  color: #424956;
  font-size: 18px;
  line-height: 30px;
  margin-top: 10px
}
.dropdown-item.active, .dropdown-item:active{
  color: #FFF !important;
  background: #09BB07;
}

.login-box{
  width: 100%;
  height: 100%;
  background: url('../img/bg_chahua.jpg');
  background-repeat: no-repeat;
  overflow: auto;
  position: relative;
}

.login-container{
  width: 1200px;
  height: 600px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFF;
  box-shadow:0px 14px 16px 0px rgba(66,73,86,0.15);
  border-radius:4px;
}
.login-left{
  width: 50%;
  height: 100%;
  background: url('../img/bg_chahua.png');
  background-size: cover;
}
.login-right {
  width: 50%;
  height: 100%;
  padding: 40px 120px;
}
.login-title{
  text-align: center;
  font-size: 20px;
  margin-bottom: 40px;
}
.login-title > *{
  padding: 4px 10px;
  cursor: pointer;
  display: inline-block;
  margin-right: 20px;
}
.login-title > .active {
  border-bottom: 4px solid #09BB07;
  color: #09BB07;
}
.login-title > span:hover{
  color: #09BB07;
}
.login-item-name{
  line-height: 50px;
  padding-left: 4px;
}
.user-main-container{
  width: 300px;
  border: 1px solid #D9E1E8;
  /* min-height: 540px; */
  /* height: calc(100vh - 240px); */
}
.user-main-avatar-box{
  height: 200px;
  border-bottom: 1px solid #D9E1E8;
  padding: 40px 0;
  text-align: center;
}
.user-main-avatar{
  width: 90px;
  height: 90px;
  background: url('../img/icon_head.png');
  background-size: cover;
  border-radius: 50%;
  border: 2px solid #D9E1E8;
  overflow: hidden;
  display: inline-block;
}
.user-main-name>span>*{
  vertical-align: middle;
}
.user-main-menu-box{
  font-size: 18px;
}
.user-main-menu-box a {
  color: inherit;
}
.user-main-menu-header{
  font-weight: bold;
  padding: 20px;
}
.user-main-menu-item{
  color: #424956;
}
.user-main-menu-item > * {
  padding-left: 50px;
  
}
.user-main-menu-item > div {
  cursor: pointer;
  line-height: 40px;
}
.user-main-menu-item ul {
  font-size: 16px;
  padding-left: 70px;
  height: 0px;
  overflow: hidden;
  margin-bottom: 0px;
}
.user-main-menu-item-active ul {
  height: auto;
  margin-bottom: 10px;
}
.user-main-menu-item ul li{
  padding-top: 10px;
  cursor: pointer;
}
/* .user-main-menu-item  a:hover{
  color: #09BB07;
} */
.user-main-menu-item-active > div {
  border-left: 4px solid #08A806;
  padding-left: 46px;
}
.user-main-menu-item .active{
  color: #08A806;
}
.user-main-menu-item-active .icon-next{
  display: inline-block;
  transform:rotate(90deg);
  -ms-transform:rotate(90deg); 	/* IE 9 */
  -moz-transform:rotate(90deg); 	/* Firefox */
  -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
  -o-transform:rotate(90deg); 	/* Opera */
  margin-left: 6px;
}
.user-main-menu-ad {
  padding: 20px;
}
.user-main-right{
  width: 1000px;
  margin-right: 50px;
}
.user_form {
  color: #424956;
  margin-top: 70px;
}
.user_form .col-form-label{
  text-align: right;
}
.form-import::before{
  content: '* ';
  color: #ff9c00;
}
.form-control-plaintext[readonly]:focus{
  outline: none;
}
.form-title{
  font-size: 18px;
  color: #353535;
  font-weight: bold;
  text-align: right;
  margin-bottom: 10px;
  margin-top: 10px;
}
.col-form-label, .form-control-plaintext{
  line-height: 2;
}
.form-group-ipt{
  margin: 10px 0;
}
.close{
  cursor: pointer;
  transition: all .3s;
}
.close:hover{
  font-weight: bold;
  color: #E64340;
  transform: rotate(90deg);
}
.dropdown-menu{
  max-height: 200px;
  overflow: auto;
}
.dropdown-menu > * {
  cursor: pointer;
}
.tooltip-inner{
  max-width: 1000px;
}



.alert {
	display: none;
	position: fixed;
	top: 50px;
	left: 50%;
	min-width: 300px;
	max-width: 600px;
	transform: translate(-50%,-50%);
	z-index: 99999;
	text-align: center;
	padding: 15px;
	border-radius: 3px;
}

@media screen and (min-height:780px) and (max-height:804px){
  .alert{
    top:7%;
  }
}
@media screen and (min-height:805px) and (max-height:849px){
  .alert{
    top:9%;
  }
}
@media screen and (min-height:850px) and (max-height:889px){
  .alert{
    top:11%;
  }
}
@media screen and (min-height:890px) and (max-height:939px){
  .alert{
    top:13%;
  }
}
@media screen and (min-height:940px) and (max-height:969px){
  .alert{
    top:14%;
  }
}
@media screen and (min-height:970px) and (max-height:999px){
  .alert{
    top:16%;
  }
}
@media screen and (min-height:1000px) and (max-height:1029px){
  .alert{
    top:17%;
  }
}
@media screen and (min-height:1030px){
  .alert{
    top:18%;
  }
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.hover-ani {
  cursor: pointer;
  color: #09BB07 !important;
}
.hover-ani>span {
  transition: all .3s;
}

.patient-item-container {
  border:1px solid rgba(217, 225, 232, 1);
  padding: 0px 20px;
  width: 264px;
  margin-right: 20px;
  position: relative;
  cursor: pointer;
  height: 126px;
  margin-bottom: 10px;
}
.patient-item-name{
  border-bottom: 1px dashed rgba(217, 225, 232, 1);
  line-height: 40px;
}
.patient-item-name  * {
  vertical-align: middle;
}
.patient-item-name i {
  font-size: 16px;
  color: rgba(169, 237, 168, 1);
}
.patient-item-name > span:nth-child(1) {
  font-size: 16px;
}
.patient-item-name > span:nth-child(2) {
  color: rgba(152, 162, 170, 1);
  font-size: 14px;
}
.patient-item-name > a {
  font-size: 12px;
  color: rgba(152, 162, 170, 1);
  cursor: pointer;
}
.patient-item-name > a:hover {
  color: #09BB07;
}
.patient-item-card {
  margin-top: 10px;
}
.patient-item-phone {
  margin-bottom: 10px;
}
.patient-item-card, .patient-item-phone {
  font-size: 14px;
  line-height: 30px;
}
.patient-item-container.active {
  border: 3px solid #09BB07;
}
.patient-item-back {
  position: absolute;
  border: 26px solid #09BB07;
  border-top: 26px solid #FFF;
  border-left: 26px solid #FFF;
  right: 0;
  bottom: 0;
  z-index: -1;
  display: none;
}
.patient-item-true {
  position: absolute;
  z-index: 2;
  color: #FFF;
  right: 4px;
  bottom: 2px;
  font-size: 22px;
  display: none;
}
.patient-item-container.active .patient-item-back, .patient-item-container.active .patient-item-true  {
  display: block;
}
.search-area-container {
  background:rgba(249,250,252,1);
  line-height: 40px;
  font-size: 16px;
  font-weight:400;
  width: 100%;
}
.search-area-container > span {
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
  font-weight: 800;
}
.search-area-container > span.active{
  color: #09BB07;
  border-bottom: 4px solid #09BB07;
}
.search-area-container > span:not(.search-title):hover {
  color: #09BB07;
}
.search-info-bar {
  padding: 20px 20px 0 20px;
  border:1px solid rgba(217, 225, 232, 1);
  margin-top: 10px;
}
.search-info-bar-title {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(217, 225, 232, 1);
  font-size: 16px;
  color: rgba(66, 73, 86, 1);
}
.search-info-total {
  color: #09BB07;
}
.search-info-bar-container > div{
  padding: 14px 0;
  border-bottom: 1px dashed rgba(217, 225, 232, 1);

}
.search-info-bar-container > div:last-child{
  border-bottom: none;
}
.search-info-item-title {
  display: inline-block;
  color: rgba(152, 162, 170, 1);
  border-right: 1px solid rgba(217,225,232,1);
  padding-right: 14px;
}
.search-info-bar-container > div > span:not(.search-info-item-title) {
  display: inline-block;
  color: #09BB07;
  padding: 4px 10px;
  margin-left: 10px;
  cursor: pointer;
  border-radius: 2px;
}
.search-info-bar-container > div > span.active {
  background:rgba(9,187,7, .12);
}
.page-item > a {
  color: #09BB07 !important;
  cursor: pointer;
}
.page-item.active > a {
  color: #FFF !important;
  background: #09BB07 !important;
  border-color: #09BB07 !important;
}
.page-item {
  margin-left: -1px;
}


/* 医院页面公用css */
.hospital-info{
  box-shadow: 0px 0px 10px 1px rgb(241, 244, 247);
  padding: 20px;
  height: 216px;
}
.hostpital-info-img{
  width: 180px;
  height: 120px;
  border-radius: 4px;
}
.hostpital-info-attention{
  width: 120px;
  border: 1px solid rgb(253, 138, 10);
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
  display: inline-block;
  margin: 20px 0 10px 0;
}
.hostpital-info-attention-left{
  background: rgb(253, 138, 10);
  color: #FFF;
  float: left;
  width: 59px;
  cursor: pointer;
}
.hostpital-info-attention-right{
  background: #FFF;
  color: rgb(253, 138, 10);
  float: left;
  width: 59px;
}
.hospital-info-left{
  width: 180px;
  text-align: center;
}
.hospital-info-middle{
  padding: 0 20px;
  border-right: 1px solid rgb(208, 218, 226);
  height: 100%;
  width: 806px;
}
.hospital-info-name{
  margin-bottom: 10px;
}
.hospital-info-name>*{
  vertical-align: middle;
}
.hospital-info-item{
   
  line-height: 26px;
}
.hospital-info-item>span:first-child{
  color: rgb(134, 145, 154);
}
.hospital-header-info-right{
  width: 374px;
  height: 100%;
  position: relative;
}
.hospital-header-info-btn{
  width: 210px;
  height: 88px;
  border: 1px solid #09BB07;
  border-radius: 4px;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  line-height: 44px;
   
}
.hospital-header-info-btn>div:first-child{
  height: 44px;
  background: #09BB07;
  color: #FFF;
}

.hospital-detail {
  margin-top: 40px;
}

.hospital-detail-left{
  width: 1005px;
}
.hospital-search{
  width: 100%;
  background: rgb(241, 244, 247);
  border: 1px solid rgb(208, 218, 226);
  padding: 29px 19px;
}
.hospital-manual{
  background: rgb(255, 250, 239);
  border: 1px solid rgb(253, 165, 10);
  padding: 10px 20px;
  margin-top: 10px;
   
}
.hospital-manual>div:first-child{
    border-bottom: 1px solid rgb(208, 218, 226);
    line-height: 30px;
    padding-bottom: 6px;
    margin-bottom: 8px;
}
.hospital-manual-detail{
  color: #98a2aa;

}
.hospital-manual-detail>div{
  line-height: 30px;
}
.hospital-manual-detail>div>span{
  color: #ff9c00;
}

.hospital-info-description{
  height: 52px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.dropdown-menu.show {
  width: 100%;
  border-radius: 0;
  margin-top: -2px;
  z-index: 2;
}

.hospital-search-container {
  border: 1px solid #DFDFDF;
  padding: 0 20px;
  margin-bottom: 20px;
}
.hospital-search-container > div:first-child{
  border-bottom: 1px solid #DFDFDF;
  font-size: 18px;
  line-height: 50px
}
.loading-container {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99999;
}
.loading {
  /* width: 200px;
	height: 200px; */
  position: absolute;
  text-align: center;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  color: #09BB07;
  font-size: 12px;
}

@-webkit-keyframes loadingAni {
	0% {
		-webkit-transform: scale(1, 0.3);
	}
	100% {
		-webkit-transform: scale(1, 1);
	}
}

.loader-box div {
	width: 8px;
  height: 40px;
  margin-left: 3px;
	background: #09BB07;
	border-radius: 3px;
	display: inline-block;
}
.loader-box.small div {
	width: 3px;
  height: 20px;
  margin-left: 2px;
	background: #09BB07;
	border-radius: 2px;
	display: inline-block;
}
.loader-box div:nth-child(1) {
	-webkit-animation: loadingAni 0.5s -0.3s ease-in-out infinite alternate;
}
.loader-box div:nth-child(2) {
	-webkit-animation: loadingAni 0.5s -0.25s ease-in-out infinite alternate;
}
.loader-box div:nth-child(3) {
	-webkit-animation: loadingAni 0.5s -0.2s ease-in-out infinite alternate;
}
.loader-box div:nth-child(4) {
	-webkit-animation: loadingAni 0.5s -0.1s ease-in-out infinite alternate;
}
.loader-box div:nth-child(5) {
	-webkit-animation: loadingAni 0.5s 0s ease-in-out infinite alternate;
}
.sticky-top {
  position: fixed;
  top: 0;
}
.topbar-user-info a{
  margin-right: 10px;
}



.home-hot-ks-container{
  width: 300px;
  background: #09BB07;
  color: #FFF;
  float: left;
  border-bottom: 1px solid #09BB07;
}
.home-hot-ks-block{
  border-bottom: 1px solid #FFF;
  padding: 15px;
  height: 91px;
}
.home-hot-ks-block:last-child{
  border: none;
}
.home-hot-ks-block a{
  color: inherit;
}
/* .home-hot-ks-block:hover{
  background: #FFF;
  color: #09BB07;
  border-left: 4px solid #ff9c00;
} */
.home-hot-ks-high{
  line-height: 30px;
  font-weight: 800;
}
.home-hot-ks-low{
  line-height: 26px;
}
.home-hot-ks-block-active {
  background: #FFF;
  color: #09BB07;
  border-left: 4px solid #ff9c00;
}
.home-hot-doc-container{
  height: 190px;
  border-bottom: 1px solid rgb(242, 244, 246);
  padding: 0;
}
.home-hot-news-container{
  width: 375px;
  float: left;
  height: 455px;
  /* background: #DDD */
}
.home-hot-doc-item {
  width: 20%;
  text-align: center;
  float: left;
}
.home-hot-doc-avatar{
  border-radius: 50%;
  background-size: cover;
  width: 90px;
  height: 90px;
  display: inline-block;
  margin-bottom: 4px;
}
.home-hot-info-container{
  width: 725px;
  float: left;
  padding:0 40px;
}
.home-hot-doc-name{
  font-weight: 800;
  color: #000;
}
.home-hot-doc-ks {
  color: rgb(188,193,198);
}
.home-hot-hospital-container {
  margin-top: 20px;
}
.home-hot-hospital-item {
  text-align: center;
  width: 33.3%;
}
.home-hot-hospital-img {
  width: 180px;
  height: 120px;
  background-size: cover;
}
.home-hot-hospital-name {
  font-weight: 800;
  color: #000;
  line-height: 36px;
}
.home-hot-msg-title {
  line-height: 36px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  display: block;
}
.home-hot-msg-container {
  margin-top: 14px;
}
.home-hot-msg-container > .col {
  width: 50%;
}
.home-hot-msg-container > .col > .home-hot-msg-title:first-child{
  border-bottom: 1px dashed rgb(212, 212, 212);

}
.home-hot-news-container {
  padding-top: 10px;
}
.home-hot-header{
  border-bottom: 1px solid rgb(9, 187, 8);
  line-height: 42px;
  height: 42px;
}
.home-hot-header-title {
  font-size: 20px;
  color: #09BB07;
}
.home-hot-header::after {
  content: '';
  display: block;
  background: #09BB07;
  width: 84px;
  height: 4px;
  margin-top: -6px;
}
.home-hot-header-more {
  color: rgb(188,193,198);
  cursor: pointer;
  padding-right: 4px;
}
.home-hot-more-ks{
  position: absolute;
  width: 1100px;
  left: 300px;
  top: 0;
  background: #FFF;
  height: 456px;
  box-shadow: 10px 0 10px 0 rgba(56, 65, 76, 0.2);
  display: none;
  border-bottom: 1px solid #09BB07;
  padding: 20px 20px 0;
  transition: all .3s;
}
.home-hot-more-ks-container {
  width: 50%;
  height: 100%;
  float: left;
  position: relative;
}
.home-hot-more-ks > .home-hot-more-ks-container:first-child{
  border-right: 1px dashed #D9D9D9;
  width: 490px;
}
.home-hot-more-ks > .home-hot-more-ks-container:last-child{
  padding-left: 40px;
  width: 570px;
}
.home-hot-more-ks-item{
  width: 438px;
  border-bottom: 1px dashed #D1D1D1;
  height: 100px;
  /* height: 25%; */
  margin-bottom: 10px;
}
.home-hot-more-ks-detail > a{
  display: inline-block;
   
  line-height: 18px;
  height: 18px;
  border-right: 1px solid #e3e3e3;
  padding-right: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
/* .home-hot-more-ks-detail > span::after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 24px;
  margin: 0px 10px;
  background: 
} */
.home-hot-more-ks-container > .home-hot-more-ks-item:last-child{
  border-bottom: none;
}
.home-hot-more-ks-title{
  margin-bottom: 10px;
   
  color: #09BB07;
}
.home-hot-more-ks-close{
  position: absolute;
  right: 10px;
  font-size: 30px;
  line-height: 40px;
  top: 50%;
  margin-top: -20px;
  color: #BFBFBF;
  cursor: pointer;
  transition: all .3s;
}
.home-hot-more-ks-close:hover{
  color: #09BB07;
  font-size: 32px;
}
.dropdown-text{
  width: 200px; 
  display: inline-block; 
  text-align: left;
}
.topbar-hot-dept{
  /* display: none; */
  position: absolute;
  /* top: 181px; */
  z-index: 520;
  width: 1400px;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 0;
  display: none;
  opacity: 0;
}

.search-data-item:hover {
  background-color: rgb(227, 247, 227);
  cursor: pointer;
}

